<template>
  <div class="app-container-component">
    <el-button :type="btnType === 1 ? 'success' : 'info'" @click="btnClick(1)">快递收件服务指南</el-button>
    <el-button :type="btnType === 2 ? 'success' : 'info'" @click="btnClick(2)">会议室使用指南</el-button>
    <div v-if="btnType===1">
      <h2>快递收件服务指南</h2>
      <h4>为能使公司的快递收件更完善，以及能更好配合快递收件，特制定该快递收件服务指南。</h4>
      <h3>一、快递到件后分发情况</h3>
      <h4>1、快递员将快递送到前台，前台依次将快递按部门分类放置快递柜；</h4>
      <h4>2、为防止各快递员不经过前台直接放置快递柜，使快递柜凌乱，每天下班前将快递柜检查一遍是否有错放乱放的；</h4>
      <h3>二、快递到件未及时领取</h3>
      <h4>1、为避免快递长时间滞留在快递柜上不安全，希望大家配合尽可能快递到件后的24小时内将快递领走；</h4>
      <h4>2、每周五前台都会制作一个《本周快递未领取清单》发至公司群，希望大家看到后能及时领取。</h4>
      <h3>三、周末快递派件</h3>
      <h4>1、现每周末会有快递到件默认前台签收的情况，需和顺丰派件员沟通，将周末件尽量统一到周一派送，如有人有紧急件，可由顺丰联系该人亲自签收，前台不代收；</h4>
      <h4>2、其余快递公司快递，周末到件会自行放置快递柜上，由前台周一统一进行整理；</h4>
      <h3>四、签收到付件问题</h3>
      <h4>1、前台每天都会有到付的快递，如遇到前台不在的情况，已和顺丰沟通好，将到付件放置前台的柜子里锁上，以免出现月结账单核对出现不知道是否是公司件还是个人件的问题；</h4>
      <h4>2、遇到到付件，前台要交给本人签收，当场拆件查看是否为个人物品，还是公司文件，并在表格登记清楚。</h4>
      <h3>五、前台收件中遇到的问题</h3>
      <h4>1、经常会出现快递面单上收件人为XX女士、XX先生、X工，这样导致很多时候不清楚收件人具体是谁，无法在快递柜按部门分类放置，希望大家能和寄件方沟通好，将姓名如实填写在快递面单上；</h4>
      <h4>2、现会有13楼快递往11楼送的情况，在13楼前台还未到位前，为避免快递混乱丢失，11楼前台会将13楼的快递放置快递柜的“其他”格子里面。</h4>
    </div>
    <div v-else>
      <h2>会议室使用指南</h2>
      <h3>一、申请会议室</h3>
      <h4>1.预约会议室需提前1个工作日申请（临时紧急会议提前1小时申请）；</h4>
      <h4>2.申请时需填写会议室申请表格，在表格上写明使用会议室时间段（开始时间-结束时间），并注明需要准备东西清单，如：投影仪、电脑、茶水、水果、笔记本、笔等</h4>
      <h4>3.如需要准备电视屏幕欢迎词，请提前将欢迎词内容发送给我们，我们将提前制作，在电视上进行播放；</h4>
      <h3>二、安排会议室</h3>
      <h4>填写好申请表格后，交给行政部，我们会按时间合理安排，尽量让预约的所有人都能按时使用会议室；</h4>
      <h3>三、使用会议室</h3>
      <h4>如若在使用会议室中有遇到任何问题，都可来找我们，我们将第一时间进行帮助解决问题。 </h4>
      <h3>四、会议室使用完毕</h3>
      <h4>会议室使用完毕请大家将激光笔、遥控器放置回原本的收纳盒内，以免丢失。</h4>
      <h3>五、会议室整理</h3>
      <h4>我们每天都会将会议室进行整理，会议室标准配置为：6瓶矿泉水、一盘糖果、投影仪、激光笔</h4>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'logistics',
    data() {
      return {
        btnType: 1
      }
    },
    methods: {
      btnClick(type) {
        this.btnType = type
      }
    }
  }
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
  .app-container-component {
    height: calc(100vh - 203px);
    padding: 0;
    overflow: auto;
    h4 {
      font-weight: normal;
    }
  }

</style>


<style rel="stylesheet/scss" lang="scss">

</style>
